Google maps jQuery plugin Google Fusion tables example

Using jquery with Google maps

Download jQuery 1.4.X or higher and optionally jQuery UI 1.8.X or higher or use Googles or Microsofts CDN.

	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js""></script>
	<script type="text/javascript" src="PATH_TO_PLUGIN/jquery.ui.map.js"></script>
	<script type="text/javascript" src="PATH_TO_PLUGIN/jquery.ui.map.overlays.js"></script>

or

	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
	<script type="text/javascript" src="PATH_TO_PLUGIN/jquery.fn.gmap.js"></script>
	<script type="text/javascript" src="PATH_TO_PLUGIN/jquery.ui.map.overlays.js"></script>
<script type="text/javascript">
	$(function() {
		$('#map_canvas').gmap({ 'center': '37.434538, -121.89970399999999', 'zoom': 10 }).bind('init', function() {	
			$('#map_canvas').gmap('loadFusion', { 'query': { 'from': 297050 } } );
			// remove all markers
			//$('#map_canvas').gmap('get', 'overlays > FusionTablesLayer').setMap(null);
			// Demonstration of query using older loadFusion version
			//$('#map_canvas').gmap('loadFusion', { query: "SELECT * FROM 297050 WHERE ST_INTERSECTS(Address, CIRCLE(LATLNG(37.434538,-121.89970399999999),20000))"}, 297050);
		});
	});
</script>

More Google maps and jQuery examples